<template>
	<view class="dramaBox" v-if="viewShow">
		<view class="isMask"></view>
		<view class="dramaContent">
            <view class="h1">挂载入驻申请</view>
            <view class="fl">
                <view class="heng"></view>
                <view>【入驻福利】</view>
            </view>
            <view class="title">
                <view >1.免费开通小程序挂载权限。</view>
                <view >2.免费获得培训指导以及高转化率的案例分享。</view>
                <view >3.免费为您提供与业内头部创作者分享与交流的机会。</view>
                <view >4.每月数场保底奖金+多重渐进活动助力更高收益。</view>
            </view>
            <view class="fl">
                <view class="heng"></view>
                <view>【申请条件】</view>
            </view>
            <view class="title">
                <view >欢迎影视剧、娱乐、记实、科普等方向创作者以及有剪辑能力的其他方向创作者报名参与。</view>
            </view>
            <view class="fl">
                <view class="heng"></view>
                <view>【申请方式】</view>
            </view>
            <view class="title" style="margin-top: 10rpx;">
                <view >点击下方按钮，私信推广合作 </view>
            </view>
            <view class="suggess">*为保您的收益效果，建议粉丝数大于1w的达人申请</view>
            <!-- #ifdef MP-KUAISHOU -->
            <button open-type="openProfile" class="btn" user="2972572600" @click="goPage">我已符合条件，去申请</button>
            <!-- #endif -->
            <!-- #ifdef MP-TOUTIAO -->
            <view class="btn" @click="goPage">我已符合条件，去申请</view>
             <!-- #endif -->
		   <image class="close" @click="isClose" src="https://res.qiguoread.com/staticResources/fellow_townsman/image/appH5/daren_close.png"></image>
		</view>
		
		
	</view>
</template>

<script>
export default {
	props:{
        viewShow: {
			type: Boolean,
			default: false
		},
    },
    data() {
        return {
           
        }
    },
    methods:{
        isClose() {
            this.$emit('isClose',false)
        },
        goPage() {
            this.$statis({
				action:'CLICK',
				position:'pages/index_top_2'
			})
           // #ifdef MP-KUAISHOU
           
           // #endif

           // #ifdef MP-TOUTIAO 
           tt.openAwemeUserProfile({
                success: (res) => {
                    console.log(res);
                },
            });
           // #endif 
        }
    }
	
	
};
</script>

<style lang="scss">

.isMask {
	position: fixed;
	left: 0;
	bottom: 0;
    top: 0;
	z-index: 101;
	width: 100vw;
	height: 100vh;
	background-color: #00000050;
}
.dramaContent {
	.dramaTitle {
		height: 90rpx;
		display: flex;
		font-size: 32rpx;
		align-items: center;
		padding-left: 32rpx;
		padding-right: 32rpx;
		justify-content: space-between;
	}
	color: #000000;
	position: fixed;
	z-index: 102;
	top: 50%;
	width: 620rpx;
    height: 810rpx;
     // #ifdef MP-TOUTIAO 
     height: 800rpx;
     // #endif 
	left: 50%;
    transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 39rpx 39rpx;
    background-image: linear-gradient(-155deg,#FFF4E9 ,#ffffff);
    padding: 0 20rpx 0 20rpx;
    .h1{
        font-size: 48rpx;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #3C270D;
        width: 100%;
        margin: 40rpx 0 30rpx 0;
        text-align: center;
    }
    .fl{
        display: flex;
        align-items: center;
        color: #F70301;
        font-size: 24rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        
        .heng{
            width: 13rpx;
            height: 13rpx;
            background: linear-gradient(-22.61deg, #FD5B5B 1%, #F11111 100%);
            box-shadow: 0px 0px 10rpx 0px rgba(254,29,29,0.49);
            border-radius: 50%
        }
    }
    .title{
        font-size: 24rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #36240D;
        display: inline-block;
        margin-top: 5rpx;
        margin-bottom: 10rpx;
        width: 100%;
        >view{
            line-height: 48rpx;
        }
    }
    .suggess{
        font-size: 24rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FD5000;
        line-height: 48rpx;
    }
    .btn{
        width:calc(100% - 72rpx);
        height: 70rpx;
        background: #FD5000;
        border-radius: 35rpx;
        line-height: 70rpx;
        text-align: center;
        margin-left: 36rpx;
        margin-top: 20rpx;
        color: #fff;
        font-size: 30rpx;
        font-family: Source Han Sans CN;
    }
    .close{
        position: absolute;
        bottom: -110rpx;
        left: calc(50% - 31rpx);
        width: 63rpx;
        height: 63rpx;
        z-index: 102;
    }
}
</style>
